﻿@using IQReportes.Utils
@model IQReportes.ViewModels.UsuarioViewModel

<div class="container-fluid" >
    <section id ="Transacciones">
        
        <div class="row-fluid">
            <div id="panelConfiguracion" class="span12">
                <span >
                    <label class="same-line"> Desde</label>
                    <input type="text" id="PCfechaInicial" data-date-format="dd/mm/yyyy"> </span>
                <span > 
                    <label class="same-line">Hasta </label>
                    <input type="text" id="PCfechaFinal" data-date-format="dd/mm/yyyy"> </span>
                <span class="btn-group botones">
                    @foreach( var item in @Model.botonesFecha){
                        <button type="button" class="btn btn-primary" value="@item.id" 
                            onclick ="actualizarFechaDatePicker('@item.fechaInicio','@item.fechaFin',@item.valor)">
                            @item.nombre
                        </button>
                    }
                </span>
                <span >
                    <label class="same-line">Institución </label>
                    @Html.DropDownListFor(model => model.instituciones, new SelectList (Model.instituciones, "id", "descripcion",Model.transaccionesInstitucion))
                    <button id="btnactualizar" type="button" class="btn btn-primary botonActualizar"><i class="icon-white icon-refresh"></i></button>
                </span>
            </div>
        </div>
        <div class="row-fluid">
            <div class="span2">
                <h2 class="same-line">Transacciones</h2>
            </div>
            <div class="span8 offset2 same-line text-left">
                <h2 class="same-line">
                    <span id="ubicacion"></span>
                    <span id="institucionSelected"></span>
                </h2>
                <h4 class="same-line" id="fecha"></h4>
            </div>
        </div>

        <div id="divTreeOver">&nbsp</div>

        <div id="modulos">
            <div class="row-fluid">
                <div class="modulo span6">
                    <fieldset>
                        <legend>
                            <span>Tree</span>
                            <span id="divradioModulo1">
                            @foreach(var item in @Model.radioTiposValoresTree)
                            {
                                    <label class="radio inline">
                                    @Html.RadioButton("radioModulo1", item.id, new { id = "radioModulo1_"+item.id ,onclick="cambiarChart("+item.id+",1)"}) 
                                    @item.descripcion
                                    </label>
                            }
                            </span>

                        </legend>
                        <div id="divModulo1" class="chartModulo">Cargando...</div>
                        
                        <button class="btn hidden-desktop" onclick="subirNivelTree()">Subir</button>
                    </fieldset>
                </div>
                <div class="modulo span6">
                    <fieldset>
                        <legend><span>@Model.modulosTx.ElementAt(1).nombre</span>
                            <span class="botones-seleccion">
                                <div id="cantidadTotal2" class="totales"></div>
                                @Html.BotonesTipoChart(Model.radioTiposChart,2,Model.modulosTx.ElementAt(1).tipoChart)
                                @Html.BotonDescarga(2)
                            </span>
                        </legend>
                        <div class="chartModulo">
                            <div id="seleccionModulo2">
                                <button class="btn btn-info" id="seleccion1Modulo2" style="display:none" onclick="eliminarSeleccion(1,2)">FF</button>
                                <button class="btn btn-info" id="seleccion2Modulo2" style="display:none" onclick="eliminarSeleccion(2,2)"></button>
                                <button class="btn btn-info" id="seleccion3Modulo2" style="display:none" onclick="eliminarSeleccion(3,2)"></button>
                            </div>
                            <div id="divModulo2" >Cargando...</div>
                            
                        </div>
                    </fieldset>    
                </div>
            </div>
            <div class="row-fluid">
                @for (int i = 3; i < 5; i++)
                {
                <div id="@("modulo"+@i)" class="modulo span6">
                    <fieldset>
                        <legend><span>@Model.modulosTx.ElementAt(i-1).nombre</span>
                        
                            <span class="botones-seleccion">
                                <div id="@("cantidadTotal"+@i)" class="totales"></div>
                                @Html.BotonesTipoChart(Model.radioTiposChart,i,Model.modulosTx.ElementAt(i-1).tipoChart)
                                @Html.BotonDescarga(i)
                            </span>
                        </legend>
                        <div class="chartModulo">
                            <div id="@("seleccionModulo"+@i)" >
                                <button class="btn btn-info" id="@("seleccion1Modulo"+@i)" style="display:none" onclick="eliminarSeleccion(1,@i)">GG</button>
                                <button class="btn btn-info" id="@("seleccion2Modulo"+@i)" style="display:none" onclick="eliminarSeleccion(2,@i)"></button>
                                <button class="btn btn-info" id="@("seleccion3Modulo"+@i)" style="display:none" onclick="eliminarSeleccion(3,@i)"></button>
                            </div>
                            <div id="@("divModulo"+@i)" >Cargando...</div>
                            
                        </div>
                    </fieldset>
                </div>
                }
            </div>
        </div>
    </section>
</div>
<script src="~/Scripts/Funciones.js"></script>
<script src="~/Scripts/CargarDataTx.js"></script>

<script>
    $(".nav li").removeClass("active");
    $('#Transacciones').addClass('active');
    /* Panel de configuracion  */

    var globalInstitucion = '@Model.transaccionesInstitucion';
    var globalInstitucionString = "@Model.instituciones.ElementAt(Model.transaccionesInstitucion).descripcion";
    var globalPuntoEquilibrio = 0;//TODO falta setear punto de equilibrio
    var usuarioFechaInicial = '@Model.transaccionesFechaInicial';
    var usuarioFechaFinal = '@Model.transaccionesFechaFinal';
    var usuarioFechaRangoInicial = '@Model.transaccionesFechaRangoInicial'
    var maximaFecha = usuarioFechaFinal;
    console.log("usuario fecha inicial :" + usuarioFechaInicial);
    console.log("usuario fecha final :" + usuarioFechaFinal);
    
    /* Fin Panel de configuracion  */
    
    var tree = null;
    var treePadre = null;
    var treeHijo = null;
    var codHijo = null;
    var codPadre = null;
    var objetoTree = null;
    var url = '@Url.Action("getData","Transacciones")'; 
    var globalSeleccionFecha = '@Model.transaccionesBotonFechaSeleccion';
    var nivelHijo = null;//boolean último nivel del tree

    var arrayFuncionesDibujarChart = null;
    var tamAltoChart = null;
    
    var infoModulo = new Array(5);
    
    var colores = [@(Html.Raw(Json.Encode(this.Model.modulosTx.ElementAt(0).colores)))];
    infoModulo[1] = new InfoModulo("divModulo1", actualizarModulo1, null, '@Model.modulosTx.ElementAt(0).tipoChart',1,colores[0]);
    colores = [@(Html.Raw(Json.Encode(this.Model.modulosTx.ElementAt(1).colores)))];
    infoModulo[2] = new InfoModulo("divModulo2", actualizarModulo2, null,'@Model.modulosTx.ElementAt(1).tipoChart',2,colores[0]);
    colores = [@(Html.Raw(Json.Encode(this.Model.modulosTx.ElementAt(2).colores)))];
    infoModulo[3] = new InfoModulo("divModulo3", actualizarModulo3, null,'@Model.modulosTx.ElementAt(2).tipoChart',3,colores[0]);
    colores = [@(Html.Raw(Json.Encode(this.Model.modulosTx.ElementAt(3).colores)))];
    infoModulo[4] = new InfoModulo("divModulo4", actualizarModulo4, null,'@Model.modulosTx.ElementAt(3).tipoChart',4,colores[0]);
    var nivelTipoTx = null; // nivel del módulo 2
    /* Modulo 1*/
    var botonEscogido = true;
    var modulo1TipoValorTree ='@Model.modulosTx.ElementAt(0).tipoChart';
    
        /*Fin Modulo 1*/

    $(window).ready(function () {
        inicializar();
    });
    function descargar(numModulo) {
        console.log("modulo" + usuarioFechaInicial);
        var path = '@Url.Action("Download")';
        path += "?fechaInicial=" + usuarioFechaFinal + "&fechaFinal=" + usuarioFechaFinal
        + "&modulo=" + numModulo + "&tipoChart=" + 4 + "&institucion=" + globalInstitucion
        + "&puntoEquilibrio=" + globalPuntoEquilibrio + "&nivelTreeHijo=" + treeHijo
        + "&nivelTreePadre=" + treePadre + "&nivelTree=" + objetoTree.getNivel()
        + "&codHijo=" + codHijo + "&codPadre=" + codPadre + "&tipoTxNivel1=" + infoModulo[numModulo].getTipoTxNivel1()
        + "&tipoTxNivel2=" + infoModulo[numModulo].getTipoTxNivel2() + "&estadoTx=" + infoModulo[numModulo].getEstadoTx()
        + "&transaccionesBotonFechaSeleccion=" + globalSeleccionFecha;
        console.log("path :" + path);
        window.location = path;
    }
</script>


